<template>
<table>

           <tr>
               <td>
                   用户头像：
               </td>

               <td>
                   <input type="file" @change='upload'>
               </td>

           </tr>

           

       </table>
  
</template>

<script>
export default {
    data(){
        return {

        }
    },
    methods:{
        upload:function(e){

                //获取文件
                let file = e.target.files[0]

                //声明表单参数
                let param = new FormData()
                //			后端获取的文件，文件实体，文件名称
                param.append('file',file,file.name)
                param.append('uid',localStorage.getItem('uid'))


                //声明请求头
                let config = {headers:{'Content-Type':'multipart/form-data'}}


                //请求后台接口 
                this.axios.post('http://127.0.0.1:8000/uploadfile/',param,config).then((result)=>{

                    console.log(result)
                    this.src = 'http://localhost:8000/static/upload/'+result.data.filename

	})
        

    }

}
}
</script>

<style>

</style>